<script type="text/javascript" src="{$baseurl}/js/menucontents.js"></script>
<link href="{$baseurl}/css/navigation.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{$baseurl}/css/anylinkmenu.css" />


<script type="text/javascript" src="{$baseurl}/js/anylinkmenu.js" />
{literal}
    
<script type="text/javascript">

//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")

</script>

<script type="text/javascript">
jQuery(document).ready(function () {	
	
	jQuery('#nav li').hover(
		function () {
			//show its submenu
			$('ul', this).slideDown(100);

		}, 
		function () {
			//hide its submenu
			jQuery('ul', this).slideUp(100);			
		}
	);
	
});
	</script>
	{/literal}
<div id="main-body">
<form action="{$baseurl}/searchengine.php" method="post">
    <input type="hidden" name="searchbar_category" id="searchbar_category" value="{$searchbar_category}" />
  <div id="middle-cntnr">
  <div class="catagories-cntnr">
  <div id="mega" class="ctgry-img"> <li><a href="{$baseurl}/categories/" class="category-txt">
	<img src="{$baseurl}/images/images_06.jpg" alt="Categories" /> 
  </a> <b class="s4"></b>
      <div> <b class="s1"></b><b class="s2"></b><b class="s3"></b>
		{insert name=get_audio_categories assign=cats}
		{section name=i loop=$cats}
				<p><a href="{$baseurl}/browse/categories/audios/z/{$cats[i].CATID}/1/{$cats[i].name|stripslashes}">{$cats[i].name|stripslashes}</a></p>
		{/section} 
      </div>
    </li></div>
  <div class="country-cntnr">
    <select name=country style="width:102px"><option value="Choose Country">Select Country</option>{$Headercountry}</select>
  </div>
  <div class="country-cntnr">
    <select name="year" style="width:74px;">
		<option value="0">Select yr</option>
		{section name=yr loop=$HeaderyearRange}
			<option value="{$HeaderyearRange[yr]}">{$HeaderyearRange[yr]}</option>
		{/section}
	</select>
  </div>
  <div class="country-cntnr">
    <select name="artist" style="width:86px;">
		<option value="">Select artist</option>
		<option value="">Anonymous</option>
		{section name=ar loop=$Headerartists}
			<option value="{$Headerartists[ar].artist}">{$Headerartists[ar].artist}</option>
		{/section}
	</select>
  </div>
  <div class="search-cntnr">
    <input name="searchterm" type="text" class="search-frm" id="searchterm" />
  </div>
  <input type="hidden" name="submitsearch" value="1" />
  <div class="country-cntnr"><input name="Submit" type="submit" value="Begin Search" class="search-btn" />
  </div>
  </div>
  <div class="icons-cntnr">
  <div class="nav-icons-cntnr2"><a href="{$baseurl}/browse/categories/audios/z/4/1/DJ Mixes (Soca)"><img src="{$baseurl}/images/images_23.jpg" alt="" width="127" height="37" border="0" align="right" /></a></div>
  <div class="nav-icons-cntnr"><a href="{$baseurl}/topvideos.php"><img src="{$baseurl}/images/images_21.jpg" alt="" width="166" height="37" border="0" /></a></div>
  <div class="nav-icons-cntnr"><a href="{$baseurl}/playlistList.php"><img src="{$baseurl}/images/images_19.jpg" alt="" width="116" height="37" border="0" /></a></div>
  <div class="nav-icons-cntnr"><a href="{$baseurl}"><img src="{$baseurl}/images/images_17.jpg" alt="" width="155" height="37" border="0" /></a></div>
  </div>
  </div>
  </form>
</div>